{AJAXCONTENT}
<table align="center"  cellspacing="1" cellpadding="2" width="90%" border="0"  style="border-collapse:collapse;border:1px solid {TABLEBORDERCOLOR}"> 	
		<tr>
				<td width="100%" class="heading" height="20" background="{SKINS}images/table_header.png" align="center"><font color="black">Work Code Generation</font> </td>
		</tr>
	
		<tr>
			<td bgcolor="#EEEEEE" >
				<table align="center" cellspacing="2" cellpadding="3" width="100%" border="0"  > 	
				
				<tr>
					<td width="20%" align="left" >Country </td>
					
					<td width="30%" align="left" >
							<div id="countryid">
						<input type="text" style="width:150px" class="texts" name="country" value="{COUNTRY}" disabled="disabled"/>
							</div>
					</td>
			
			
					<td width="20%" align="left" >Estimated Cost </td>
					<td width="30%">
						<input type="text" style="width:150px" class="texts" name="estimatedcost" value="{ESTIMATEDCOST}" onblur = " if(this.value !=''){
													   if(isNaN(this.value)){alert('Enter valid integer for EstaimateCost'); this.value='';this.focus();}
													  else if(this.value <= 0){alert('Invalid No. of Pages');this.value='';this.focus();}} validateCode(this.value);" />                                                           
					</td>							
				</tr>
				
				
				<tr>
					<td width="20%" align="left" >State </td>
					
					<td width="30%" align="left" >
							<div id="stateid">
						<input type="text" style="width:150px" class="texts" name="state" value="{STATE}" disabled="disabled"/>
							</div>
					</td>
			
					<td width="20%" align="left"  > Budget Head/P Code <font color="red" >*</font></td>
					<td width="30%" align="left" >
					 <select name="budget"  class="texts" style="width:150px">					
					{BUDGETOPTION}	
					</select> 
					</td>
											
				</tr>
				
			  
				<tr>
					<td width="20%" align="left" >District </td>
					
					<td width="30%" align="left" >
							<div id="districtid">
						<input type="text" style="width:150px" class="texts" name="district" value="{DISTRICT}" disabled="disabled"/>
							</div>
					</td>
			
					<td width="50%" align="left" colspan="2">
						<font color="red" > fields are Mandatory *</font>
					</td>
						
				</tr>
				
				
				
			  
				<tr>
					<td width="20%" align="left" >Zone </td>
					
					<td width="30%" align="left" >
							<div id="zoneid">
						<input type="text" style="width:150px" class="texts" name="zone" value="{ZONE}" disabled="disabled"/>
							</div>
					</td>
			
					<td width="20%" align="left" > Approval Year <font color="red" >*</font> </td>
					<td width="30%" align="left" >
					 
					  <select name="approvalyear" class="texts" style="width:150px">					
						   {APPROVALYEAROPTION}
					  </select>
					</td>	
											
				</tr>
		
				<tr>
					<td width="20%" align="left" >Constituency</td>
					<td width="30%" align="left" >
					<div id="constituencyid">
						<input type="text" style="width:150px" class="texts" name="constituency" value="{CONSTITUENCY}" disabled="disabled"/>
					</div>
					</td>
					
					<td width="20%" align="left" >Category <font color="red" >*</font></td>
					<td width="30%" align="left" >
					<select name="category" class="texts" style="width:150px">					
					   {CATEGORYOPTION}
					</select>
					
					</td>
																			
				</tr>
	  
				<tr>
					<td width="20%" align="left"  >Division </td>
					<td width="30%" align="left" >
							<div id="divisionid">
						<input type="text" style="width:150px" class="texts" name="division" value="{DIVISION}" disabled="disabled" />
							</div>
					</td>
					
					<td width="20%" align="left"  > Nature Of Work <font color="red" >*</font></td>
					<td width="30%" align="left" >
					 <select name="nature" class="texts" style="width:150px">					
					{NATUREOFWORKOPTION}	
					</select> 
					
					</td>

				</tr>
								
				<tr>
					<td width="20%" align="left"  >Sub Division </td>
					
					<td width="30%" align="left" >
						<div id="subdivisionid">
						<input type="text" style="width:150px" class="texts" name="subdivision" value="{SUBDIVISION}" disabled="disabled" />
						</div>
					</td>
																		
					<td width="20%" align="left">Department <font color="red" >*</font></td>
					<td width="30%" align="left" >
						<select name="department" class="texts" style="width:150px">					
						   {DEPARTMENTOPTION}
						</select>
						
					</td>	  
					
				</tr>          

				<tr>
						
					<td width="20%" align="left"  >Ward </td>
					
					<td width="30%" align="left" >
						<div id="wardid">
						<input type="text" style="width:150px" class="texts" name="wardname" value="{WARDNAME}"disabled="disabled" />
						</div>
					</td>					
															
					<td width="20%" align="left"  >Type  <font color="red" >*</font></td>
					<td width="30%" align="left" >
					  <select name="type" class="texts" onchange="return typeChange(this.value);" style="width:150px">					
						   {TYPEOPTION}
					  </select>
					 
					</td>	  											  
											  
					
				</tr>
				
				<tr>
				<td width="20%" align="left"  > Locality <font color="red" >*</font></td>
					<td width="30%" align="left" >
					 <select name="locality" onchange="localityChange(this.value);" class="texts" style="width:150px">					
					{LOCALITYOPTION}	
					</select> 
					</td>
					
					<td width="20%" align="left" >Sub Type <font color="red" >*</font></td>
					<td width="30%" align="left">
					  <div id="type5">
						<select name="subtype" class="texts"  style="width:150px"></select>
						
					</div>
					</td>
					
					
							
				</tr>

				<tr>
					<td width="20%" align="left" >PostalCode </td>
					
					<td width="30%" align="left" >
						<div id="postalcodeid">
						<input type="text" style="width:150px" class="texts" name="postalcode" value="{POSTALCODE}"disabled="disabled" />
						</div>
					</td>	
					
					<td width="20%" align="left" >Contractor</td>
					<td width="30%" align="left" >
					  <select name="contractor" class="texts" style="width:150px">					
						   {CONTRACTOROPTION}
					  </select>
					</td>

					
					
					
				</tr>


				<tr>
				
				<td width="20%" align="left"  >Project Name/Description Of Work</td>
					<td width="30%" >
					<textarea name="description" class="texts" cols="20" style="width:150px">{DESCRIPTION} </textarea>
					</td>
					
					<td width="20%" align="left" >Remarks</td>
					<td width="30%" >	
					<textarea name="remarks" class="texts" style="width:150px">{REMARKS}</textarea>
					</td>
					
					
					
					
											  
				</tr>
									
					
				<tr>
				
					<td width="20%" align="left" >Status of Work</td>
					<td width="30%" align="left" >
						<select name="statusofwork" class="texts"  style="width:150px">{STATUSOFWORKOPTION}</select>
					</td>
					
					
					
					
				</tr>
						
				<tr>
				
					<td colspan="4" align="center" >
					<input class="texts" type="submit" name="save" value="Save" onclick="return formCheck(theform);"/>
					<input class="texts" type="button" name="back" value="Back" onclick="if (dialogBox('Are you sure you want to go back')) {Gotoview();}"/>
					</td>
				</tr>
				
				</table>
			</td>
		</tr>
</table>
		<input type="hidden" name="workcodeid" value="{WORKCODEID}"/>	

<script>

	 
	 function formCheck(theform) {
			
			if(!validRequired(theform.wardname,"Ward"))
				return false;
				
			if(!validRequired(theform.description,"Description of Work"))
			return false;
			
			if(!validRequired(theform.remarks,"Remarks"))
				return false;
			if(!validRequired(theform.contractor,"Contractor"))
				return false;
			if(!validRequired(theform.statusofwork,"Status Of Work"))
				return false;
			if(!validRequired(theform.estimatedcost,"Estimated Cost"))
				return false;
			if(!validRequired(theform.budget,"Budget"))
				return false;
			if(!validRequired(theform.approvalyear,"Approval Year"))
				return false;
			if(!validRequired(theform.category,"Category"))
				return false;
			if(!validRequired(theform.nature,"Nature of Work"))
				return false;
			if(!validRequired(theform.department,"Department"))
				return false;
			if(!validRequired(theform.type,"Type"))
				return false;
			if(!validRequired(theform.subtype,"Sub Type"))
				return false; 
				
			updateWorkcode();
			return false;
		} 
</script>